{header}
{ims}
{complite}


<div id="profile" class="box"><div class="bbt"><div class="bbb"><div class="bbl"><div class="bbr"><div class="bbtl"><div class="bbtr"><div class="bbbl"><div class="bbbr">

<input style="width: 55px;" type="button" value="{l_menu_profile_edit}" class="button_small" onclick="location='{url_main}profile.php';" title="{l_menu_profile_edit}">
<input style="width: 55px;" type="button" value="{l_menu_profile_edit_photos}" class="button_small active_btn" onclick="location='{url_main}profile_photo.php';" title="{l_menu_profile_edit_photos}">
<input style="width: 55px;" type="button" value="{l_menu_profile_edit_music}" class="button_small" onclick="location='{url_main}profile_audio_edit.php';" title="{l_menu_profile_edit_music}">
<input style="width: 55px;" type="button" value="{l_menu_profile_video}" class="button_small" onclick="location='{url_main}profile_video_edit.php';" title="{l_menu_profile_video}">
<input style="width: 55px;" type="button" value="{l_menu_profile_settings}" class="button_small" onclick="location='{url_main}profile_settings.php';" title="{l_menu_profile_settings}">
<input style="width: 55px;" type="button" value="{l_menu_profile_view}" class="button_small" onclick="location='{url_main}profile_view.php';" title="{l_menu_profile_view}">
<input style="width: 55px;" type="button" value="{l_menu_profile_my_audio}" class="button_small" onclick="location='{url_main}profile_audio_view.php';" title="{l_menu_profile_my_audio}">
<!-- begin_my_blog -->
<input style="width: 55px;" type="button" value="{l_menu_profile_my_blog}" class="button_small" onclick="location='{url_main}profile_blog.php';" title="{l_menu_profile_my_blog}">
<!-- end_my_blog -->


			<!-- begin_photo_edit -->
			<div  class=header_small style="padding-top:30px; padding-bottom:15px;">
				{l_menu_profile_edit_photos} {message} ({num_photos})
			</div>
			<div>
				<table width="100%" border="0" cellpadding="0" cellspacing="0" style="padding-bottom: 20px;"><tr>
					<td width="280" style="padding-left: 8px;" align="left">

				<!-- begin_photo-->
					<!-- begin_photo_item-->
						<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" rowspan="2" style="padding-right: 10px;">
						<div id="photo_info">
						<img class="img_border" src="{url_files}/photo/{user_id}_{photo_id}_s.jpg">
						</div>
						</td><td valign="top" class="body_little">
						<div><b>{numer}.&nbsp;{photo_name}</b></div>
						<div>{description}</div>
						<div class="pri_little_bold">{visible}</div></td></tr><tr><td valign="bottom" class="body_little"><div><table border="0" cellpadding="0" cellspacing="0"><tr><td class="body_little"><table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="button_border_2">
						<input type="button" value="{l_delete}" onClick="if(confirm('This action can not be undone. Are you sure you wish to continue?')) parent.location.href='{url_main}profile_photo.php?cmd=delete&id={photo_id}';" class="button" style="width:60px; padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" title="{l_delete}" onMouseOver="window.status='{l_delete}'; return true;" onMouseOut="window.status=''; return true;">
						</div></td></tr></table></td><td style="padding-left: 8px;"><table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="button_border_2">
						<input type="button" value="{l_edit_text}" onClick="location.href='{url_main}profile_photo_edit.php?id={photo_id}';" class="button" style="width:75px; padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" title="{l_edit_text}" onMouseOver="window.status='{l_edit_text}'; return true;" onMouseOut="window.status=''; return true;">
						</div></td></tr></table></td></tr></table></div></td></tr>
						</table>
						<!-- begin_photo_odd-->
						</td><td align="left">
						<!-- end_photo_odd-->
						<!-- begin_photo_even-->
						</td>
						</tr><tr>
						<td style="height: 20px;"></td>
						</tr><tr>
						<td style="padding-left: 8px;" align="left">
						<!-- end_photo_even-->
					<!-- end_photo_item-->

					<!-- begin_nophoto_item-->
						<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" rowspan="2" style="padding-right: 10px;">
							<div id="photo_info">
							<img src="{url_files}nophoto_s.jpg" width="90" height="100" class="img_border">
							</div>
						</td><td valign="top" class="body_little">
							<div><b>{numer}.&nbsp;({l_empty})</b></div>
						</td></tr></table>
						<!-- begin_nophoto_odd-->
						</td><td align="left">
						<!-- end_nophoto_odd-->
						<!-- begin_nophoto_even-->
						</td>
						</tr><tr>
						<td style="height: 20px;"></td>
						</tr><tr>
						<td style="padding-left: 8px;" align="left">
						<!-- end_nophoto_even-->
					<!-- end_nophoto_item-->
				<!-- end_photo-->

					</td>
				</tr></table>
			</div>
			<!-- end_photo_edit -->


			<div class="keyline" style="height: 1px; margin-bottom: 8px;"><table border="0" cellpadding="0" cellspacing="0"><tr><td></td></tr></table></div>


<!-- begin_photo_upload -->

<div  class=header_small style="padding-top:30px; padding-bottom:15px;">
	{l_upload_your_photo} {message}
</div>
<div>
	<table border="0" cellpadding="0" cellspacing="0"><tr>
		<td valign="top" style="padding-right: 10px;" align="left">
			<div class="body_text">

				{l_photo_will_be} <a href="#" onclick="javascript:OpenWindow('{url_tmpl_main}popup/photo_guidelines.html','650','400','yes');" class="pri_text_bold">{l_photo_guidelines}</a>.
			</div>
			<br>
			<div class="body_little">
				<b>{l_note}:</b> {l_photo_must_be}
			</div>
		</td>

		<td valign="top">
<script Language="JavaScript" type="text/javascript">
  var blockSubmission = false;
  function removeSubmissionBlock() {
    blockSubmission = false;
  }
  function isSubmissionAllowed() {
    if(blockSubmission){
       return false;
    }
    return;
   }
  document.onclick = isSubmissionAllowed;
  document.onkeydown = isSubmissionAllowed;

  function onValidateUploadPhotoForm() {
    var form = document.forms['UploadPhotoForm'];
    // "photo_file" field validation.
    if (!(validateRequiredField(form['photo_file'], '{l_file_location}'))) {
      removeSubmissionBlock();
      return false;
    }
    // "photo_name" field validation.
    if (!(validateRequiredField(form['photo_name'], '{l_photo_name}'))) {
      removeSubmissionBlock();
      return false;
    }
    // "photo_name" field validation.
    if (!(validateMaxLength(form['photo_name'], '{l_photo_name}','10'))) {
      removeSubmissionBlock();
      return false;
    }
    // "photo_description" field validation.
    if (!(validateRequiredField(form['description'], '{l_photo_description}'))) {
      removeSubmissionBlock();
      return false;
    }
    // "photo_description" field validation.
    if (!(validateMaxLength(form['description'], '{l_photo_description}','100'))) {
      removeSubmissionBlock();
      return false;
    }
    return true;
  }
  function validateUploadPhotoForm() {
    blockSubmission = true;
     if (typeof beforeUploadPhotoFormValidation != 'undefined') {
       beforeUploadPhotoFormValidation();
    }
    var validated = onValidateUploadPhotoForm();
    if (validated && (typeof uponSuccessfulUploadPhotoFormValidation != 'undefined')) {
      validated = uponSuccessfulUploadPhotoFormValidation();
    }
    else if (!validated && (typeof uponUnsuccessfulUploadPhotoFormValidation != 'undefined')) {
      uponUnsuccessfulUploadPhotoFormValidation();
    }
    if (!validated) {
      removeSubmissionBlock();
    }
    return validated;
  }
  function submitUploadPhotoForm() {
   if (validateUploadPhotoForm()) document.UploadPhotoForm.submit();
    }
</script>
<form  name="UploadPhotoForm" method="POST" enctype="multipart/form-data" action="{url_main}profile_photo.php" onSubmit="return validateUploadPhotoForm();" style="padding: 0px; margin: 0px;">
			<input type="hidden" name="cmd" value="insert">
			<table border="0" cellpadding="0" cellspacing="0"><tr>
				<td class="body_little" valign="bottom" style="padding-right: 8px;" align="left">
					<label for="PHOTO_FILE">{l_file_location}</label>
					({l_max_2})
					<br><input type="file" name="photo_file" size="35">
				</td>
			</tr><tr style="padding-top: 8px;">
				<td class="body_little" colspan="2" align="left">
					<label for="PHOTO_NAME">{l_photo_name}</label>
					({l_max_10})
					<br><input type="text" name="photo_name" style="width: 250px;" size="31">
				</td>
			</tr><tr style="padding-top: 8px;">
				<td class="body_little" colspan="2" align="left">
					<label for="PHOTO_DESCRIPTION">{l_photo_description}</label>
					({l_max_100})
					<br>
					<textarea  name="description" style="width: 250px; height: 75px;"></textarea>
				</td>
			</tr><tr style="padding-top: 8px;">
				<td colspan="2" align="left">
					<br><input type="button" value="{l_upload_photo}" onClick=" submitUploadPhotoForm();" class="button" style="width: 132px padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" title="{l_upload_photo}" onMouseOver="window.status='{l_upload_photo}'; return true;" onMouseOut="window.status=''; return true;">
				</td>
			</tr></table>
	</form>

		</td>

	</tr></table>
</div>
<!-- end_photo_upload -->


</div></div></div></div></div></div></div></div></div>

{footer}